function List2Data(){
  return (
    <>
      <List2
        title="列表1"
        footer={<p>这是底部内容</p>}
      >
        <li>内容1</li>
        <li>内容2</li>
        <li>内容3</li>
      </List2>
    </>
  )
}


function List2 ({children, title, footer = <div>默认底部</div>}) {
  return (
    <>
      <h2>{title}</h2>
      <ul>
        {children}
      </ul>
      {footer}
    </>
  )



}
export default List2Data;